
.mdx-relative,
.mdx-rela {
	position: relative;
}

.mdx-absolute,
.mdx-abso {
	position: absolute;
}

.mdx-font-xs {
	font-size: 22rpx;
}

.mdx-font-sm {
	font-size: 26rpx;
}

.mdx-font-md {
	font-size: 28rpx;
}

.mdx-font-lg {
	font-size: 30rpx;
}

.mdx-font-xl {
	font-size: 34rpx;
}
.mdx-content{
	width: 100%;
	margin-top: 10px;
}

.mdx-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.mdx-flex-wrap {
	flex-wrap: wrap;
}

.mdx-flex-nowrap {
	flex-wrap: nowrap;
}

.mdx-col-center {
	align-items: center;
}

.mdx-col-top {
	align-items: flex-start;
}

.mdx-col-bottom {
	align-items: flex-end;
}

.mdx-row-center {
	justify-content: center;
}

.mdx-row-left {
	justify-content: flex-start;
}

.mdx-row-right {
	justify-content: flex-end;
}

.mdx-row-between {
	justify-content: space-between;
}

.mdx-row-around {
	justify-content: space-around;
}

.mdx-text-left {
	text-align: left;
}

.mdx-text-center {
	text-align: center;
}

.mdx-text-right {
	text-align: right;
}

.mdx-flex-col {
	display: flex;
	flex-direction: column;
}

.mdx-center-min{
	width: 94%;
	margin-left: 3%;
}

.mdx-center-xs{
	width: 92%;
	margin-left: 4%;
}

.mdx-center-sm{
	width: 90%;
	margin-left: 5%;
}
.mdx-center-md{
	width: 80%;
	margin-left: 10%;
}
.mdx-center-lg{
	width: 70%;
	margin-left: 15%;
}
.mdx-border-bottom{
	border-bottom: 1px solid #e4e7ed;
}
.mdx-padding-legth-xs{
	padding: 10rpx 0;
}
.mdx-padding-legth-sm{
	padding: 15rpx 0;
}

.mdx-padding-legth-sm{
	padding: 20rpx 0;
}
.mdx-padding-legth-md{
	padding: 25rpx;
}
.line1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-align: justify;
	overflow: hidden;
}
.line2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: justify;
	overflow: hidden;
}
.line3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-align: justify;
	overflow: hidden;
}

.shadow-botton{
	box-shadow: 0px 3rpx 3rpx #e5e5e5;
}